<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>表单标签</h1>
    <!-- 
    表单域: 包含表单元素的区域. 重点是 form 标签. 
    表单控件: 输入框, 提交按钮等. 重点是 input 标签.  
    -->
    <form action = "">
    <!-- 文本框 -->
    姓名<input type="text">
    <br>
    <!-- 密码框 -->
    密码<input type = "password">
    <br>
    <!-- 单选框 -->
    性别
    <input type= "radio" name = "gender">男
    <input type= "radio" name = "gender" checked = "checked">女
    <br>
    <!-- 复选框 -->
        爱好
        <input type = "checkbox">吃饭
        <input type = "checkbox">睡觉
        <input type = "checkbox">玩游戏
        <br>
    <!-- 普通按钮 -->
    <input type = "button" value = "这是一个普通按钮" onclick = "alert('Hello!')">
    <br> 
    <form action= "https://edu.bitejiuyeke.com/index">
    <!--提交按钮-->
    课程：<input type= "text" name = "coures">
    <input type = "submit"> 
    <input type = "reset"> 
    <input type = "file"> 
    </form>


    
</body>
</html>